import './index.less';
import infoImg from '@/assets/images/info.png';
import SvgIcon from '../../components/SvgIcon/index';
import { useNavigate } from 'react-router-dom';

export default function Banner({ propsBanner }: any) {
  const navigate = useNavigate();

  const handleClick = () => {
    navigate('/detail');
  };

  return (
    <div className="offline">
      <div className="i-fault">
        <img src={infoImg} alt="" />
        {/* <i className="iconfont icon-info" /> */}
      </div>
      <div className="content" onClick={handleClick}>
        <span className="title">如何使设备上线？</span>
        <span className="description">请保持设备通电并联网</span>
      </div>
      <div className="arrow">
        <SvgIcon name="arrow-right" size="18" color="#000" />
      </div>
    </div>
  );
}
